
<div class="{{ max_width }} mx-auto ">
  {% if show_star %}
    {% assign star_number = settings.star_ratings %}
    <div class="mb-3 {{ star_color }}">
      {% for i in (1..star_number) %}
        {% render 'icon-star-filled' %}
      {% endfor %}
      {% for j in (star_number..4) %}
        {% render 'icon-star-outline' %}
      {% endfor %}
    </div>
  {% endif %}
  
  {% if settings.text != blank %}
    <blockquote class="lead mb-5 richtext-with-link {{ richtext_link_style }}">{{ settings.text }}</blockquote>
  {% endif %}
  <div class="mx-n2 d-flex align-items-center justify-content-center">
    {% if settings.author_image != blank %}
      <div class="d-inline-block mx-2">
        <img class="rounded-circle" loading="lazy" width="32" height="32" src="{{ settings.author_image | img_url: '64x' }}" alt="{{ settings.author_image.alt | escape }}">
      </div>
    {% endif %}
    {% if settings.author != blank %}
      <span class="d-inline-block mx-2 fw-bold">
        {{ settings.author }}
      </span>
    {% endif %}
  </div>
</div>